import React, { PureComponent } from 'react';
import DocumentTitle from 'react-document-title';
import { withRouter } from 'react-router-dom';
import { mixRoute } from '@/utils'

import { PaysuccessStyle } from '../style'

class PayFail extends PureComponent {
  state = {}
  render() {
    return (
      <>
        <DocumentTitle title={this.props.route.title} />
        <PaysuccessStyle>
          <div className="mian flex-column">
            <div className="top">
              <img src="https://res.lexiangpingou.cn/images/826/2020/09/zpB4P2Y65bfmpq6NZ4pPpeZp415qyB.png" alt="" />
              <p>支付失败</p>
            </div>



            <div className="option" style={{ marginTop: '3.59rem' }}>
              <button
                className="gohome buttons"
                style={{ border: ' solid #FF843A 1px', borderRadius: '.75rem', color: '#FF843A' }}
                onClick={() => {
                  mixRoute(this.props.history, '/')
                }}
              >
                返回首页
              </button>
            </div>

          </div>
        </PaysuccessStyle>

      </>
    );
  }
}
export default withRouter(PayFail);